<template>
    <div class="nav-bar">
        
        <el-header style="text-align: right; font-size: 12px">
            <div class="toolbar">
                <el-dropdown>
                <el-icon style="margin-right: 8px; margin-top: 1px">
                    <Avatar />
                </el-icon>
                <template #dropdown>
                    <el-dropdown-menu>
                    <el-dropdown-item>View</el-dropdown-item>
                    <el-dropdown-item>Add</el-dropdown-item>
                    <el-dropdown-item>Delete</el-dropdown-item>
                    </el-dropdown-menu>
                </template>
                </el-dropdown>
                <span>Tom</span>
            </div>
            </el-header>
    </div>
</template>

<script lang="ts">
</script>

<style scoped>

</style>
